<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <title>iframe</title>
</head>
<body>
<!--src 指定页面内容,加载到当前页面中-->
<!--可以设置加载过来的页面占当前页的大小 width height-->
    <div class="table-responsive">
        <div class="container">
        <%--<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0"/>--%>
        <table class="table">

            <tr height="140px">
                <td colspan="4">
                    <iframe height="100%" width="100%" frameborder="0" src="${path}/iframeUser/header"
                            name="headerFrame" scrolling="no"></iframe>
                </td>
            </tr>

            <tr height="600px">
                <td width="7%"></td>
                <td style="text-align: right" width="12%" id="frmTitle" noWrap="noWrap" name=fmTitle" valign="top">
                    <iframe height="100%" width="100%" frameborder="0" src="${path}/iframeUser/left"
                            name="leftFrame"></iframe>
                </td>
                <td width="1%" style="width: 6px; background: #CCCCCC" valign="middle"
                    height="100%">
                            <span id="switchPoint" title="关闭/打开侧边栏">
                                <label onclick="switchSysBar()" style="cursor:pointer;">隐藏</label>
                            </span>
                </td>
                <td valign="top" width="80%" height="100%">
                    <iframe height="100%" width="100%" frameborder="0" name="center" src="${path}/iframeUser/right">
                    </iframe>
                </td>
            </tr>

            <tr height="500px">
                <td colspan="4">
                    <iframe height="100%" width="100%" frameborder="0" src="${path}/iframeUser/footer"
                            name="footerFrame" scrolling="no"></iframe>
                </td>
            </tr>

        </table>
    </div>
</div>


<script type="text/javascript">
    function switchSysBar() {
        var ssrc = document.getElementById("frmTitle").style.display;
        if (ssrc == "none") {
            document.getElementById("frmTitle").style.display = "";
        }
        else {
            document.getElementById("frmTitle").style.display = "none"
        }
    }
</script>


</body>
</html>